﻿<!doctype html>
<html class="feedback">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script type="text/javascript" src="../../js/libs/flexible.js"></script>
    <link href="../../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/mui.picker.min.css" />
    <link href="../../css/base.css" rel="stylesheet" />
    <link rel="stylesheet" href="../../css/mui.indexedlist.css" />
    <link rel="stylesheet" href="../../css/feedback-page.css" />
    <link href="../../css/app/home/work-detail.css" rel="stylesheet" />
    <link href="../../css/app/home/search.css" rel="stylesheet" />
</head>
<body>
    <!-- 侧滑导航根容器 mui-draggable--> 
    <div id="app" class="mui-off-canvas-wrap mui-slide-in">
        <!-- 查询容器 -->
        <aside class="mui-off-canvas-right" id="searchArea">
            <div class="mui-content smp-canvas-content">
                <div class="mui-input-row mui-search">
                    <input id="search" v-on:keyup="searchList($event)" v-model="search.title" v-on:recognized="searchRecognized($event)" type="search" class="mui-input-clear" placeholder="请输入关键字" />
                    <a href="#searchArea" v-on:tap="cancleSearchArea()" class="a-cancle rbtn">取消</a>
                </div>
                <div class="mui-scroll-wrapper" style="top:44px;">
                    <div class="mui-scroll" style="overflow-y:auto;">
                        <!--自动搜索下拉列表-->
                        <div v-show="search.title.length>0">
                            <ul class="ul-common mui-table-view">
                                <li v-on:tap="sltWordsSearch(item)" v-for="item in autoSearchList" class="mui-table-view-cell" v-text="item.TITLE"></li>
                            </ul>
                        </div>
                        <div v-show="search.title.length==0">
                            <!--历史记录-->
                            <ul class="ul-history mui-table-view">
                                <li class="mui-table-view-cell mui-collapse mui-active">
                                    <a class="mui-navigate-right" href="#">历史记录</a>
                                    <div class="mui-collapse-content no-margin">
                                        <div v-if="historyList.length>0" class="mui-input-group">
                                            <div v-for="item in historyList" class="mui-input-row onerow" v-text="item.name" v-on:tap="historyDetail(item)"></div>
                                        </div>
                                        <div v-else class="mui-input-group"><div class="mui-input-row onerow">暂无历史记录</div></div>
                                    </div>
                                    <span class="spn-clear fr" v-on:tap="clearHistoryList()">
                                        <i class="mui-icon mui-icon-trash i-clear"></i>
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- 主页面容器 -->
        <div class="mui-inner-wrap" id="mui-inner-wrap">
            <nav class="mui-bar mui-bar-tab">
                <button id='btnSubmit' v-bind:disabled="isSubmiting" v-on:tap="btnSubmit()" class="mui-btn next-btn mui-btn-primary">提交</button>
            </nav>
            <div class="mui-content" id="mui-content">
                <ul>
                    <li>
                        <!-- 主界面具体展示内容 -->
                        <div class="smp-content-padded">
                            <form class="mui-input-group">
                                <div v-if="repairType==1">
                                    <div class="smp-list-info">
                                        <div class="smp-search-success"><span class="rectangle"></span><span>建筑信息</span></div>
                                    </div>
                                    <div class="mui-input-row multi-line" style="padding-left:8px;">
                                        <div class="box label-right">
                                            <div class="div-leftauto"><i class="require">*</i>建筑名称</div>
                                            <div class="wrap" v-text="data_v.BUILD_NAME"></div>
                                        </div>
                                    </div>
                                    <div class="mui-input-row multi-line require no-bottom">
                                        <label class="require-label twoline-lbl"><i>*</i>建筑地址</label>
                                        <textarea rows="3" type="text" v-model="data_v.ADDRESS"></textarea>
                                    </div>
                                </div>
                                <div v-else>
                                    <div style="background-color:#F5F5F5;height:40px;clear: both;padding: 1px 0;margin: 0px -10px;">
                                        <div class="mui-input-row mui-search readonly">
                                            <a class="a-search" href="#searchArea" v-on:tap="showSearchArea()">
                                                <i class="mui-icon mui-icon-search" style="color:#9A9899;padding-top: 0px;"></i>
                                                <span v-text="data_v.BUILD_NAME"></span>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="mui-input-row no-bottom">
                                        <label><i class="require">*</i>建筑地址</label>
                                        <input type="text" v-model="data_v.ADDRESS" placeholder="建筑地址" class="mui-navigate-right" />
                                    </div>
                                    <div class="smp-line" style="height:4px;"></div>
                                    <p class="noborder" style="padding-left:11px;"><i class="require">*</i><span class="head">故障描述</span>(必填)</p>
                                    <div class="mui-input-row smp-desc" style="height:80px;">
                                        <textarea name="FAULT_INFO" rows="3" placeholder="请输入..." v-model="data_v.FAULT_INFO"></textarea>
                                        <!--<textarea v-on:tap="sltMsg()" rows="3" readonly="readonly" placeholder="请输入..." v-model="data_v.FAULT_INFO"></textarea>-->
                                    </div>
                                </div>
                                <div class="smp-line" style="height:4px;"></div>
                                <div class="collapse-content img-container" style="height:158px;">
                                    <label class="row-label"></label>
                                    <div id='F_SMPS' class="row image-list">
                                        <!--<i class="fl require">*</i>-->
                                        <a id="F_SMP">
                                            <span class="mui-icon mui-icon-camera paizhao"></span>
                                            <!--v-on:tap="showActionSheetFun()"-->
                                        </a>
                                        <div v-show="imgItemList.length>0" v-for="item in imgItemList" v-bind:id="'Img'+item.name+item.divid" class="image-item">
                                            <img id="picBig" data-preview-src="" data-preview-group="1" v-bind:src="item.url" />
                                            <span class="del" v-on:tap="delImg(item.name,item.divid,item.path);">
                                                <i class="mui-icon mui-icon-close"></i>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="smp-line" style="height:4px;"></div>
                                <div class="smp-desc-info" style="padding-top:0px;">
                                    <div class="mui-input-row" v-on:tap="faultType()">
                                        <label>故障类型</label>
                                        <input type="text" id='userResult' placeholder="请选择故障类型" readonly="readonly" class="mui-navigate-right" />
                                        <i class="mui-icon mui-icon-arrowright gofr"></i>
                                    </div>
                                    <div class="mui-input-row" v-on:tap="btnTime()">
                                        <label>限定时间</label>
                                        <input type="text" id='btnTimeT' placeholder="请选填限定时间" readonly="readonly" class="mui-navigate-right" />
                                        <i class="mui-icon mui-icon-arrowright gofr"></i>
                                    </div>
                                    <div class="mui-input-row">
                                        <label>是否紧急</label>
                                        <div id="IS_URGENCY" class="mui-switch mui-switch-blue">
                                            <div class="mui-switch-handle"></div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <script src="../../js/mui.min.js"></script>
    <script src="../../js/libs/vue.min.js"></script>
    <script type="text/javascript" src="../../js/libs/mui.zoom.js"></script>
    <script type="text/javascript" src="../../js/libs/mui.previewimage.js"></script>
    <script src="../../js/libs/multipleUploader.js"></script>
    <script src="../../js/common/config.js"></script>
    <script type="text/javascript" src="../../js/libs/mui.picker.min.js"></script>

    <script src="../../js/common/webSql.js"></script>
    <script src="../../js/libs/mock-min.js"></script>
    <script type="text/javascript" src="../../js/common/global.js"></script>
    <script src="../../js/common/mockdata.js"></script>

    <script type="text/javascript" src="../../js/common/json.js"></script>
    <script type="text/javascript" src="../../js/common/web-storage-cache.js"></script>
    <script type="text/javascript" src="../../js/common/webSql.js"></script>
    <script src="../../js/app/home/add-repair-content.js"></script>
</body>

</html>